﻿var json = JSON.parse($('#hdfJson').val());

$(document).ready(function () {
	//CarregaTamanhos();

	$('.buttonTamanhos').click(function (event) {
		//CarregaCores($(this).attr('value'));
		$(this).css('box-shadow', '0px 0px 5px 3px #ABCC01');
		event.preventDefault();
	});
	$('.buttonCores').click(function (event) {
		$(this).css('box-shadow', '0px 0px 5px 3px #ABCC01');
		CarregaQuantidade($('#hdfTamanho').attr('value'), $(this).attr('value'));
		event.preventDefault();
	});
});

function CarregaTamanhos() {
	try {
		var ind = 0;

		$.each(json, function (index) {
			if (((index > 0) && (json[index - 1].Tamanho != json[index].Tamanho)) || (index == 0)) {
				var button = document.getElementById(('btnTamanho' + (index + 1)));
				button.value = json[index].Tamanho;
				button.style.opacity = '1';
				ind = index;
			}
		});

		for (var iIndex = 10; iIndex > (ind + 1) ; iIndex--) {
			$('#btnTamanho' + iIndex).remove();
		}
	} catch (e) {
	}
}
function CarregaCores(valor) {
	try {
		var ind = 0;

		var hdfTamanho = document.getElementById('hdfTamanho');
		hdfTamanho.value = valor;

		$.each(json, function (index, value) {
			if (value.Tamanho == valor) {
				var button = document.getElementById('btnCor' + (index + 1));
				button.value = value.Cor;
				button.style.opacity = '1';
				button.style.backgroundColor = CarregaCor(value.Cor);
				ind = index;
				$('#articleCoresDisponiveis').css('margin-left', '0');
			}

			for (var iIndex = 10; iIndex > (ind + 1) ; iIndex--) {
				$('#btnCor' + iIndex).remove();
			}
		});
	} catch (e) {
		alert(e.message);
	}
}
function CarregaQuantidade(tamanho, cor) {
	try {
		var hdfCores = document.getElementById('hdfCor');
		hdfCores.val = cor;

		$.each(json, function (index, value) {
			if (value.Tamanho == tamanho && value.Cor == cor) {
				var label = document.getElementById('lblQuantidadeDisponivel');
				label.innerHTML = value.Quantidade;
				$('#articleQuantidadeDisponivel').css('margin-left', '0');
			}
		});
	} catch (e) {
		alert(e.message);
	}
}
function CarregaCor(cor_pt) {
	switch (cor_pt.toLowerCase()) {
		case "preto":
		case "preta":
			return "black";
			break;
		case "branco":
		case "branca":
			return "white";
		case "verde":
			return "green";
		case "azul":
			return "blue";
		case "vermelho":
		case "vermelha":
			return "red";
		default:
			return "#555";
	}
}